<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		#mark {
			box-sizing: border-box;
			margin: 30px;
			width: 280px;
			margin-left: 26px;
			border-style: solid;
			border-color:gray;
			border-width: 1px;
		    background:linear-gradient(to top,white,gray);

		}
		
		ul li {
			text-indent: -40px;
			padding-bottom: 26px;
			list-style: none;
			padding-left: 26px;
		}
		h1{
			padding-left: 26px;
			border-bottom: gray dashed;
		}
		
		a {
			text-decoration: none;
		}
	</style>

	<body>
		<div id="mark">
			<h1>京东快报</h1>
			<ul>
				<li>
					<a href="#">[特惠]海飞丝去屑又去油 超清爽</a>
				</li>
				<li>
					<a href="#">[公告]京东公益支持鲁甸新动作</a>
				</li>
				<li>
					<a href="#">[公告]小米电视携豪礼高调入驻京东</a>
				</li>
				<li>
					<a href="#">[特惠]4688元抢iPhone 6</a>
				</li>
			</ul>
		</div>
	</body>

</html>